<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ToDoList-最简单的代办事项列表</title>
    <!-- 网页描述（用于浏览器搜索） -->
    <meta name="description" content="ToDoList无须注册即可使用,数据存储在用户浏览器的html5本地数据库里,是最简单最安全的待办事项列表应用!" />
    <!-- 关键词（用于浏览器搜索） -->
    <meta name="keywords" content="todo,记事,待办" />
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <div id="app">
      <div class="header">
        <section>
          <form action="" class="clearfix">
            <label for="">ToDoList</label>
            <input type="text" placeholder="添加ToDo" class="addText">
          </form>
        </section>
      </div>
      <section class="deal">
        <h2>正在进行
          <span class="doing">0</span>
        </h2>
        <ol class="todoList">
          <!-- <li class="todo-item">
            <input type="checkbox" checked="false">
            <p>123</p>
            <a href="javascript:;">-</a>
          </li> -->
        </ol>
        <h2>已经完成
          <span class="done">0</span>
        </h2>
        <ul class="doneList">
          <!-- <li class="todo-item">
            <input type="checkbox" checked>
            <p>123</p>
            <a href="javascript:;">-</a>
          </li> -->
        </ul>
      </section>
      <div class="footer">
        <div class="clear">
          <button class="btn">清空</button>
        </div>
      </div>
    </div>

    
    <script src="./jquery.js"></script>
    <script src="./index.js"></script>
</body>

</html>